<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no, viewport-fit=cover">
    <meta name="description" content="">
    <link rel="shortcut icon" type="image/x-icon" href="https://avatars.githubusercontent.com/u/10797357?s=96"
        media="screen" />
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/style.min.css"
        title="docsify-darklight-theme" type="text/css" />
    <style>
        .nav {
            padding: 30px 15px 0px;
            max-width: var(--docsify-example-panels-document-width) !important;
            width: var(--docsify-example-panels-document-width) !important;
        }

        .markdown-section hr {
            border-bottom: 1px solid var(--accent);
        }

        .sidebar-toggle {
            top: 0;
            bottom: unset;
            padding: 10px 10px 10px 10px;
        }

        .aplayer-fixed,
        .aplayer-body {
            left: -66px !important;
        }

        .aplayer-fixed:hover,
        .aplayer-body:hover {
            left: 0px !important;
        }
    </style>

    <link rel="stylesheet" href="//unpkg.com/@fortawesome/fontawesome-free/css/fontawesome.css" />
    <link rel="stylesheet" href="//unpkg.com/@fortawesome/fontawesome-free/css/brands.css" />
    <link rel="stylesheet" href="//unpkg.com/@fortawesome/fontawesome-free/css/regular.css" />
    <link rel="stylesheet" href="//unpkg.com/@fortawesome/fontawesome-free/css/solid.css" />

    <!-- require APlayer -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
    <script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
</head>

<body>
    <div data-app id="main"></div>
    <div id="aplayer"></div>
    <script>

        window.$docsify = {
            name: '主页',
            el: '#main',
            logo: 'https://avatars.githubusercontent.com/u/10797357?s=96',
            repo: 'lisuke/lisuke.github.io',
            // 左侧目录栏
            loadSidebar: true,
            // 导航栏 _navbar.md
            loadNavbar: true,
            // 
            coverpage: true,
            // 单独显示
            onlyCover: true,
            // subMaxLevel：2,
            // 搜索
            search: {
                maxAge: 86400000,
                paths: 'auto',
                placeholder: '请输入搜索关键字',
                noData: '没搜到',
                hideOtherSidebarContent: false,
                depth: 6
            },
            // 字数统计
            count: {
                countable: true,
                fontsize: '1em',
                color: 'rgba(90,90,90,90)',
                language: 'chinese'
            },
            // 自动顶部
            auto2top: true,
            // _404.md
            notFoundPage: true,
            // 请求头
            requestHeaders: {
                'cache-control': 'max-age=600',
            },
            // MD中可执行js
            executeScript: true,
            // 主题色
            // themeColor: '#555555',
            // 美化提示 tips
            'flexible-alerts': {
                style: 'callout'
            },
            // disqus 评论
            // disqus: 'lisuke',
            // 翻页
            pagination: {
                previousText: '上一章节',
                nextText: '下一章节',
                crossChapter: true,
                crossChapterText: true,
            },
            // 页内导航
            toc: {
                scope: '.markdown-section',
                headings: 'h1, h2, h3, h4, h5, h6',
                title: '导航',
            },
            // 格式化输出时间
            formatUpdated: '{YYYY}/{MM}/{DD} {HH}:{mm}',
            // 自定义插件
            plugins: [
                // 编辑按钮
                function (hook, vm) {
                    hook.beforeEach(function (md_content) {
                        if (/githubusercontent\.com/.test(vm.route.file)) {
                            url = vm.route.file
                                .replace('raw.githubusercontent.com', 'github.com')
                                .replace(/\/master/, '/blob/master');
                        } else if (/jsdelivr\.net/.test(vm.route.file)) {
                            url = vm.route.file
                                .replace('cdn.jsdelivr.net/gh', 'github.com')
                                .replace('@master', '/blob/master');
                        } else {
                            url =
                                'https://github.com/lisuke/lisuke.github.io/tree/master/' +
                                vm.route.file;
                        }

                        var editHtml_top = '[📝 编辑](' + url + ')\n'
                        var editHtml_bottom = '> 上次修改： {docsify-updated} ' + '[🖊 编辑](' + url + ')\n'
                        var hrTag = '\n----\n'
                        var editPlugin = editHtml_top + hrTag + md_content + hrTag + editHtml_bottom

                        return editPlugin
                    })
                },
                // Restores initial <title>
                function persistTitle(hook, vm) {
                    var titleElm = document.querySelector('title');
                    var rootTitle = titleElm && titleElm.textContent;
                    var pageTitlePrefix = window.$docsify.name ? window.$docsify.name + ' - ' : '';
                    if (rootTitle) {
                        hook.doneEach(function () {
                            var currentTitle = titleElm.textContent;
                            var isRoot = !/\/[a-z]/.test(location.hash);
                            var newTitle = isRoot ? rootTitle : pageTitlePrefix + currentTitle;

                            titleElm.textContent = newTitle;
                        });
                    }
                },
                // 
                function gitalk(hook, vm) {

                    hook.afterEach(function (html) {
                        return html + '<div id="gitalk-container"></div>'
                    });

                    hook.ready(function () {
                        const gitalk = new Gitalk({
                            clientID: '53c11aa1372c2e97beec',
                            clientSecret: 'e9d170ce8a21fb932b8c06567d68feeb8fc280f8',
                            repo: 'lisuke.github.io',
                            owner: 'lisuke',
                            admin: [
                                'lisuke',
                            ],
                            id: location.pathname,
                            distractionFreeMode: false,
                        });
                        gitalk.render('gitalk-container')
                    });
                },
            ],
            //添加页脚
            footer: {
                copy: '<div> <span>Copyright &copy; 2022 - 至今</span> </div>',
                auth: ' <a href="https://lisuke.github.io/" target="_blank">🏷️ lisuke</a>',
                pre: '<br/>',
                style: 'text-align: center;',
            },
            // 自定义markdown
            markdown: {
                renderer: {
                    code: function (code, lang) {
                        // 支持 DOT 语言作图
                        if (lang === "dot") {
                            return ('<div class="viz">' + Viz(code, "SVG") + '</div>');
                        }
                        return this.origin.code.apply(this, arguments);
                    }
                }
            },
            // 标签页
            tabs: {
                persist: false,      // default true
                sync: false,      // default true
                theme: 'classic', // default
                tabComments: true,      // default true
                tabHeadings: true       // default true
            },
            // 复制
            copyCode: {
                buttonText: 'Copy',
                errorText: 'Error',
                successText: 'Copied'
            },
            // 聊天框
            chat: {
                // chat panel title
                title: '聊天记录',
                // set avatar url
                users: [
                    { nickname: 'Alice', avatar: '' },
                    { nickname: 'Bob', avatar: '' },
                ],
            },
            // 主题配置
            darklightTheme: {
                siteFont: "PT Sans",
                defaultTheme: 'dark',
                codeFontFamily: 'Roboto Mono, Monaco, courier, monospace',
                bodyFontSize: '20px',
                dark: {
                    toogleBackground: '#888888',
                    background: '#222222',
                    accent: '#f0ad4e',
                    sidebarSublink: '#b4b4b4',
                    textColor: '#b4b4b4',
                    codeBackgroundColor: '#00000005',
                    highlightColor: '#ffddcc',
                    codeTextColor: '#ffffff',
                    blockQuoteColor: '#ffddcc',
                    borderColor: 'rgba(200, 200, 200, 0.2)',
                    codeTypeColor: '#f0ad4e',
                    coverBackground: 'linear-gradient(to left top, #222222 50%, #b21c12 100%)',

                    'docsifytabs-tab-background': '#00000005',
                    'docsifytabs-border-color': '#00000005',
                },
                light: {
                    toogleBackground: '#888888',
                    background: '#eeddcc',
                    accent: '#444444',
                    sidebarSublink: '#666666',
                    textColor: '#666666',
                    codeBackgroundColor: '#00000005',
                    highlightColor: '#222222',
                    codeTextColor: '#222222',
                    blockQuoteColor: '#858585',
                    borderColor: 'rgba(100, 100, 100, 0.2)',
                    codeTypeColor: '#444444',
                    coverBackground: 'linear-gradient(to left top, #eeddcc 50%, #b21c12 100%)',

                    'docsifytabs-tab-background': '#00000005',
                    'docsifytabs-border-color': '#00000005',
                }
            },
            // uml
            plantuml: {
                // skin: 'https://github.com/matthewjosephtaylor/plantuml-style/blob/master/style.pu',
                skin: 'https://gist.githubusercontent.com/RochaJG/1955ca5f5a08114e5df9739e5c053234/raw/5b282d1dac4628ed4cc7f975015463908cd926b9/puml-theme.pu',
            },
            progress: {
                position: "bottom",
                color: "var(--accent,#42b983)",
                height: "3px",
            },
            MetingAPI: {
                elementId: 'meting',
                api: 'https://api.i-meto.com/meting/api',
                fixed: true,
                autoplay: true,
                lrcType: 3,
                order: 'random',
                loop: 'all',
                mutex: true,
                theme: '#b7daff',
                playlists: [
                    { server: 'netease', type: 'playlist', id: '7597958861' },
                    { server: 'netease', type: 'playlist', id: '379025025' },
                    { server: 'netease', type: 'playlist', id: '7383516738' },
                ],
            },
        }
    </script>
    <!-- 框架 -->
    <!-- Docsify v4 -->
    <script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
    <!-- 插件 tab页 -->
    <!-- docsify-tabs (latest v1.x.x) -->
    <script src="//cdn.jsdelivr.net/npm/docsify-tabs@1"></script>
    <!-- 插件 panels -->
    <script src="https://cdn.jsdelivr.net/npm/docsify-example-panels"></script>
    <!-- 插件 搜索 -->
    <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
    <!-- 插件 代码块复制 -->
    <script src="//unpkg.com/docsify-copy-code"></script>
    <!-- 插件 字数 预计时间 -->
    <script src="//unpkg.com/docsify-count/dist/countable.js"></script>
    <!-- 插件 图片缩放 -->
    <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/zoom-image.min.js"></script>
    <!-- 插件 底部导航 -->
    <script src="//cdn.jsdelivr.net/npm/docsify-pagination/dist/docsify-pagination.min.js"></script>
    <!-- 字体 Emoji -->
    <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/emoji.min.js"></script>
    <!-- 字体 FontAwesome -->
    <script src="//unpkg.com/docsify-fontawesome/dist/docsify-fontawesome.min.js"></script>
    <!-- 插件 语言 -->
    <script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-bash.min.js"></script>
    <script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-java.min.js"></script>
    <script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-c.min.js"></script>
    <script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-cpp.min.js"></script>
    <script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-rust.min.js"></script>
    <script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-markdown.min.js"></script>
    <script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-nginx.min.js"></script>
    <script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-php.min.js"></script>

    <!-- 插件 语言 支持 DOT 语言作图 -->
    <script src="//cdn.jsdelivr.net/npm/viz.js@1.8.0/viz.js"></script>
    <!-- 插件 语言 支持 LaTex 数学公式 -->
    <script src="//cdn.jsdelivr.net/npm/docsify-katex@latest/dist/docsify-katex.js"></script>
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/katex@latest/dist/katex.min.css" />
    <!-- 插件 语言 plantuml -->
    <script src="//unpkg.com/docsify-puml/dist/docsify-puml.min.js"></script>

    <!-- 插件 front-matter -->
    <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/front-matter.js"></script>
    <!-- 插件 点击出心 -->
    <script src="//cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@2.1.0/js/click_heart.js"></script>
    <!-- 插件 添加页脚 -->
    <script src="//unpkg.com/docsify-footer-enh/dist/docsify-footer-enh.min.js"></script>
    <!-- 插件 Social Share 分享插件 -->
    <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/external-script.min.js"></script>
    <!-- 插件 文章内导航 -->
    <script src="//cdn.jsdelivr.net/npm/docsify-toc@1.0.0/dist/toc.js"></script>
    <!-- 样式 文章内导航 -->
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify-toc@1.0.0/dist/toc.css">

    <!-- 插件 提示样式 -->
    <!-- <script src="https://unpkg.com/docsify-plugin-flexible-alerts"></script> -->

    <!-- 插件 聊天框 -->
    <script src="//cdn.jsdelivr.net/npm/docsify-chat/lib/docsify-chat.min.js"></script>
    <!-- 插件 wikilink -->
    <script src="//cdn.jsdelivr.net/npm/docsify-wikilink@1"></script>
    <!-- 插件 键盘操作 -->
    <script src="//cdn.jsdelivr.net/npm/docsify-pagination-keyboard-helper@latest/dist/bundle.js"></script>
    <!-- 插件 主题 -->
    <script src="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/index.min.js"
        type="text/javascript"></script>
    <!-- 插件 进度条 -->
    <script src="https://cdn.jsdelivr.net/npm/docsify-progress@latest/dist/progress.min.js"></script>
    <!-- 插件 评论 gittalk -->
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css">
    <script src="//cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>

    <!-- 插件 2D 右下角 -->
    <script src="//cdn.jsdelivr.net/npm/live2d-widget@3.x/lib/L2Dwidget.min.js"></script>

    <!-- 插件 顶 -->
    <script src="https://cdn.jsdelivr.net/gh/Sumsung524/docsify-backTop/dist/docsify-backTop.min.js"></script>
    <script>
        var docsifyBackTop = {
            size: 30,
            bottom: 15,
            right: 15,
            logo: '<i class="fa-solid fa-jet-fighter-up"></i>',
            bgColor: ''
        };
    </script>

    <!-- 实现离线化 -->
    <script>
        if (typeof navigator.serviceWorker !== 'undefined') {
            // navigator.serviceWorker.register('sw.js')
        }
    </script>

    <!-- docsify-plugin-meting-api -->
    <!-- required axios -->
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script type="text/javascript"
        src="https://cdn.jsdelivr.net/gh/lisuke/docsify-plugin-meting-api/dist/docsify-plugin-meting-api.min.js"></script>

</body>

</html>